<%--@elvariable id="base" type="java.lang.String"--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title></title>
    <jsp:include page="common/header.jsp"/>
    <link type="text/css" rel="stylesheet" href="${base}/css/project.css">
    <script type="text/javascript" src="${base}/js/project.js"></script>
</head>
<body>
<!-- 导航条 -->
<jsp:include page="common/navbar.jsp"/>

<div class="container" role="main">
    <div class="panel panel-default pi_top_box">
        <div class="panel-body row">
            <div class="col-md-8 pi_left_msg">
                <div class="pi_h3 clearfix">
                    <!-- 这里区分个人还是企业图标 -->
                    <span class="pi_tit_icon per"></span>
                    <em>奶牛养殖户筹集资金购买奶牛</em>
                    <span id="pi_status" class="pi_status">投标中</span>
                </div>

                <div class="pi_tl_middle clearfix">
                    <div id="remainSeconds" style="display:none;">96524</div>
                    <input type="hidden" id="bid" value="160">
                    <ol class="pi_count1 clear list-unstyled">
                        <li class="eq0">
                            <h5>预期年化收益率</h5>
                            <p>7.50<span>%</span></p>
                        </li>
                        <li class="eq1">
                            <h5>锁定期限</h5>
                            <p><span id="pi_day_left">12</span>个月</p>
                        </li>
                        <li class="eq2">
                            <h5>起投金额</h5>
                            <p><span id="pi_date_left">100</span>元</p>
                        </li>
                    </ol>
                </div>

                <div class="pi_lt_bottom clearfix" id="pi_lt_bottom">
                    <div class="newdiv">
                        <div>
                            <a href="#" class="blue f16" target="_blank">按月等额本息</a>
                        </div>
                        <div class="newdivv">还款方式</div>
                    </div>
                    <div class="clearfix">
                        <h5>已有<span id="pi_people_counting">17</span>人加入</h5>
                        <h5 id="pi_time_left_counting">剩余时间：<span id="remainTimeOne">1天2小时31分36秒</span></h5>
                        <h5 class="persent">进度：38.45%</h5>
                    </div>
                    <div class="pi_show_money">
                        <div class="progress progress-striped active progress-position" role="progressbar">
                            <div style="width: 38.45%;" class="progress-bar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
                        </div>
                        <span class="pi_current_money" id="pi_current_money">76,900.00</span><span class="pi_yuan">元</span>
                        <em id="pi_money">/200,000.00</em>
                    </div>
                    <p class="pi_from clearfix">
                        <em>已投金额 / 标的融资金额</em>
                    </p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="pi_top_right " id="pi_count_box">
                    <ul class="pi_count2 hm clearfix list-inline">
                        <li>
                            <h5>
                                <em>服务费率</em>
                                <a href="javascript:;" class="rate_tips" title="第三方理财服务平台常会收取投资者当期利息收入的一定比例作为服务费。新桔，0服务费！"></a>
                            </h5>
                            <p>0<span>%</span><em></em></p>
                        </li>
                        <li>
                            <h5>
                                <em>提现费率</em>
                                <a href="javascript:;" class="rate_tips" title="银行收取的提现费率目前由新桔承担，0提现费！" style="position: relative;"></a>
                            </h5>

                            <p>0<span>%</span><em></em></p>
                        </li>
                    </ul>
                    <p>&nbsp;</p>

                    <div class="pi_t_input_box">
                        <input name="amount" id="amountValue" style="font-size:16px;">
                        <label for="amountValue" id="info">100元起投，100元递增，剩余可投123100</label>
                    </div>
                    <a class="join_now_btn" href="${base}/project_jie.html" id="invest">借钱给他</a>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-body">
            <div class="pi_infor_box" id="pi_infor_box">
                <p class="pi_title">基本信息</p>
                <!-- 判断是否登陆 -->
                <div class="col-sm-12" style="margin: 0;padding: 0;">
                    <ul class="pi_basic list-unstyled">
                        <li>
                            <div class="pi_left_infor">
                                <p class="pi_infor_tit">标的状态</p>
                                <p class="pi_infor_cont">投标中</p>
                            </div>
                            <div class="pi_right_infor">
                                <p class="pi_infor_tit">本标编号</p>
                                <p class="pi_infor_cont">10160</p>
                            </div>
                        </li>
                        <li>
                            <div class="pi_left_infor odd">
                                <p class="pi_infor_tit">融资金额</p>
                                <p class="pi_infor_cont">200,000.00</p>
                            </div>
                            <div class="pi_right_infor odd">
                                <p class="pi_infor_tit">融资期限</p>
                                <p class="pi_infor_cont">12个月</p>
                            </div>
                        </li>
                        <li>
                            <div class="pi_left_infor">
                                <p class="pi_infor_tit">借款利率</p>
                                <p class="pi_infor_cont">7.50<span>%</span></p>
                            </div>
                            <div class="pi_right_infor">
                                <p class="pi_infor_tit">还款方式</p>
                                <p class="pi_infor_cont">按月等额本息</p>
                            </div>
                        </li>
                        <li class="pi_basic_describe ">
                            <p class="pi_infor_tit odd">借款描述</p>
                            <p class="pi_basic_describe_text odd">客户为托克托县奶牛养殖户，高中后辍学开始养殖奶牛，刚开始打工后自主创业。目前固定与伊利集团合作。现有奶牛102头，年纯收入50万元。</p>
                        </li>
                    </ul>
                    <!-- 这里区分是个人借款还是企业借款，显示的借款方资料不一样 -->
                    <p class="pi_title">借款方资料</p>
                    <div class="pi_seal2"></div>
                    <ul class="pi_borrow_infor list-unstyled clearfix">
                        <li>
                            <div class="pi_left_infor ">
                                <p class="pi_infor_tit">借款人</p>
                                <p class="pi_infor_cont">13****</p>
                            </div>
                            <div class="pi_right_infor">
                                <p class="pi_infor_tit">年龄</p>
                                <p class="pi_infor_cont">24</p>
                            </div>
                        </li>
                        <li>
                            <div class="pi_right_infor odd">
                                <p class="pi_infor_tit">所在地</p>
                                <p class="pi_infor_cont">
                                    内蒙古&nbsp;呼和浩特</p>
                            </div>
                            <div class="pi_left_infor odd">
                                <p class="pi_infor_tit">学历</p>
                                <p class="pi_infor_cont">
                                    高中</p>
                            </div>
                        </li>
                        <li>
                            <div class="pi_right_infor">
                                <p class="pi_infor_tit">收入来源</p>
                                <p class="pi_infor_cont">经营收入</p>
                            </div>
                            <div class="pi_left_infor ">
                                <p class="pi_infor_tit">收入情况</p>
                                <p class="pi_infor_cont">45000元/月</p>
                            </div>
                        </li>
                        <li>
                            <div class="pi_left_infor odd">
                                <p class="pi_infor_tit">审核机构</p>
                                <p class="pi_infor_cont">包商银行</p>
                            </div>
                        </li>
                    </ul>
                    <p class="pi_title">投标记录</p>
                    <table class="pi_bid_record" id="pi_bid_record">
                        <tbody>
                            <tr style="background-image: none;">
                                <th width="101">序号</th>
                                <th width="241">用户名</th>
                                <th width="391">投资金额</th>
                                <th width="366">投资时间</th>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>17</td>
                                <td>
                                    Ru****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>5,000.00</td>
                                <td>2014-08-03 12:43:50</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>16</td>
                                <td>
                                    zh****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-03 10:15:56</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>15</td>
                                <td>
                                    萧湘****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>4,000.00</td>
                                <td>2014-08-03 09:56:45</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>14</td>
                                <td>
                                    fr****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>200.00</td>
                                <td>2014-08-03 08:20:45</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>13</td>
                                <td>
                                    ol****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-02 23:48:14</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>12</td>
                                <td>
                                    cj****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>200.00</td>
                                <td>2014-08-02 19:58:39</td>
                            </tr>
                            <tr style="background: rgb(246, 246, 246);">
                                <td>11</td>
                                <td>
                                    da****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>100.00</td>
                                <td>2014-08-02 15:52:10</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>10</td>
                                <td>
                                    ai****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-02 14:12:47</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>9</td>
                                <td>
                                    Li****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>100.00</td>
                                <td>2014-08-02 12:04:28</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>8</td>
                                <td>
                                    小桥****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-02 09:48:04</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>7</td>
                                <td>
                                    gr****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-02 07:37:44</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>6</td>
                                <td>
                                    黄建****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>10,000.00</td>
                                <td>2014-08-02 01:21:42</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>5</td>
                                <td>
                                    15****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>200.00</td>
                                <td>2014-08-01 22:21:47</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>4</td>
                                <td>
                                    zh****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>1,000.00</td>
                                <td>2014-08-01 21:32:56</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>3</td>
                                <td>
                                    de****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>4,000.00</td>
                                <td>2014-08-01 15:34:11</td>
                            </tr>
                            <tr style="background-image: none;">
                                <td>2</td>
                                <td>
                                    ge****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>100.00</td>
                                <td>2014-07-31 13:23:29</td>
                            </tr>
                            <tr style="background-color: rgb(246, 246, 246);">
                                <td>1</td>
                                <td>
                                    la****<!--   creditedStatus==2 代表该用户在转让债权 -->
                                </td>
                                <td>2,000.00</td>
                                <td>2014-07-30 17:01:57</td>
                            </tr>
                        </tbody>
                    </table>
                    <p class="pi_title" style="color:#aeb4b9">重要声明</p>
                    <ul class="announce-list" style="color:#aeb4b9">
                        <li>1、新桔平台发布的融资项目均由银行及知名金融机构审核甄选，最大程度确保项目信息的真实性。项目虽经过严格审核，但不保证项目信息完全无误，请投资人知悉并理解项目性质和存在的风险。</li>
                        <li>2、投资人最终收益以实际收到的款项为准，新桔平台不对借款人归还借款本息提供任何形式的担保。</li>
                        <li>3、新桔有权对项目信息进行解释。投资人对融资项目有任何疑问，可咨询网站客服 400-789-3999。</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<jsp:include page="common/footer.jsp"/>
</body>
</html>
